@base-b-blue: #0196ff;
@base-b-d8: #d8d8d8;
@base-f-6 : #666;

.mt10 {
  margin-top: 10px;
}

:host ::ng-deep {
  .ant-card {
    margin: 0;
  }

  .ant-empty-normal {
    margin: 0;
  }

  .ant-table-placeholder {
    border-top: 0;
  }

  .ant-table-thead>tr>th {
    border-bottom: 0;
  }

  .ant-table-small {
    border-radius: 0;
    border-top   : 0;

    >.ant-table-content .ant-table-body>table .ant-table-thead>tr>th {
      border-bottom: 0;
    }

    &.ant-table-bordered .ant-table-tbody>tr>td:last-child {
      border-right: 0;
    }
  }

  .ant-card-bordered,
  .border {
    border: 1px solid #ccc !important;
  }

  .ant-card-grid {
    box-shadow: 1px 0 0 0 #ccc, 0 1px 0 0 #ccc, 1px 1px 0 0 #ccc, 1px 0 0 0 #ccc inset, 0 1px 0 0 #ccc inset
  }
}

.content-wrapper {
  width: 100%;

  li {
    list-style-type: none;
  }

  .attic {

    .schedule {
      background-color: #fff;
      padding         : 10px;
      min-height      : 156px;

      >.backlog-wrapper {
        padding-bottom: 4px;
        position      : relative;

        h3 {
          width     : 110px;
          margin    : 0;
          padding   : 0 0 10px 0;
          color     : #666;
          font      : bold 18px "Microsoft YaHei";
          text-align: center;
        }
      }

      .divide-b {
        background: #d2d2d2;
      }

      .lineRadius {
        width     : 110px;
        background: #1890ff;
      }

      .caption-type {
        th {
          text-align  : center;
          background  : #fff;
          height      : 40px;
          padding     : 0;
          border-color: #d2d2d2;

          &:nth-child(4) {
            border-right: 0 none;
          }
        }
      }

      th,
      td {
        font-size: 13px;

        &:nth-child(1) {
          width: 5%;
        }

        &:nth-child(2) {
          width: 53%;
        }

        &:nth-child(3) {
          width: 21%;
        }

        &:nth-last-child {
          width       : 21%;
          border-right: 0 none;
        }

        >div {
          text-align   : center;
          text-overflow: ellipsis;
          overflow     : hidden;
          font-size    : 13px;
        }
      }

      td {
        padding: 5px 0;
        height : 34px;

        &:nth-child(2) {
          >div {
            @media screen and (min-width: 1240px) {
              width      : 440px;
              white-space: nowrap;
              margin     : 0 auto;
            }
          }
        }
      }

      .important-news {
        >td {
          font-weight: bold;
        }
      }
    }

    .divide-b,
    .lineRadius {
      width        : 100%;
      height       : 3px;
      line-height  : 3px;
      position     : absolute;
      overflow     : hidden;
      border-radius: 3px;
      display      : inline-block;
    }

    .card-list {
      padding      : 0 0 0 24px;
      border-radius: 5px;
      margin       : 0;

      li {
        font-weight  : bold;
        text-align   : left;
        overflow     : hidden;
        white-space  : nowrap;
        text-overflow: ellipsis;
        font-size    : 12px;
        color        : #333;
        padding-top  : 5px;

        &:first-child {
          font-size: 14px;
        }

        &:nth-child(n+2) {
          color    : #666;
          font-size: 12px;
        }

        &:last-child {
          padding-bottom: 4px;
        }

        >.task-count {
          color    : #38aafb;
          font-size: 18px;
        }
      }

      &:hover {
        background-color: @base-b-blue;

        li {
          color: #fff;

          >.task-count {
            color: #fff;
          }
        }
      }
    }

    .greeting {
      background-color: #fff;
      margin-left     : 10px;
      padding         : 10px;
      border          : 1px solid #ccc;

      .carouselImg {
        width : 100%;
        height: 136px;

        img {
          width : 100%;
          height: 136px;
        }
      }

      >section {
        &:nth-of-type(1) {
          padding-bottom: 10px;
          border-bottom : 1px solid #f2f2f2;

          .person-text {
            display        : flex;
            justify-content: center;

            nz-avatar {
              width        : 72px;
              height       : 72px;
              border-radius: 50%;
              border       : 2px solid #1890ff;
            }

            dl {
              width      : 100%;
              padding    : 0;
              margin     : 0;
              line-height: 58px;

              span {
                font       : bold 18px "Microsoft YaHei";
                padding-top: 3px;

                &:nth-of-type(1) {
                  color: @base-b-blue;
                }

                &:nth-of-type(2) {
                  display    : inline-block;
                  color      : #333;
                  margin-left: 14px;
                }
              }

              dt,
              dd {
                text-align : left;
                overflow   : hidden;
                white-space: nowrap;
              }

              dd {
                margin: 2px 0 0 0;

                >div {
                  button {
                    border   : 0 none;
                    padding  : 0;
                    font-size: 12px;
                    height   : 12px;

                    >.anticon {
                      vertical-align: middle;
                      font-weight   : bold;
                    }
                  }
                }

                &:nth-last-of-type {
                  height: 12px;
                }
              }
            }
          }
        }

        &:nth-of-type(2) {
          display: flex;

          ul {
            width      : 100%;
            padding-top: 10px;
            display    : flex;

            li {
              .road-icon {
                display         : inline-block;
                width           : 60px;
                height          : 60px;
                background-image: url('../../../../assets/xiangyang/road_icon2.png');
              }

              .sprite-backlog {
                background-position: -2px 0;
              }

              .sprite-notifying {
                background-position: -64px 0;
              }

              .sprite-announcement {
                background-position: -126px 0;
              }

            }
          }
        }
      }
    }
  }

  .noticeIcon {
    margin : 0;
    padding: 0;

    li {
      width     : 100%;
      text-align: center;
    }
  }

  .center {
    text-align: center;
  }
}

.goMatters {
  display: block;
  cursor : pointer;
}

.commonMenuTree {
  display       : inline-block;
  vertical-align: top;
  border        : 1px solid #ccc;
  margin        : 5px;
  overflow      : hidden;
  padding-right : 5px;
  border-radius : 5px;
}

.customized {
  .schedule {
    background-color: #fff;
    padding         : 10px 10px 15px 10px;

    >.backlog-wrapper {
      padding : 2px 0;
      position: relative;

      h3 {
        width     : 110px;
        margin    : 0;
        padding   : 0 0 10px 0;
        color     : #666;
        font      : bold 18px "Microsoft YaHei";
        text-align: center;
      }
    }

    .card-list {
      padding      : 0 0 0 24px;
      border-radius: 5px;
      margin       : 0;

      li {
        font-weight  : bold;
        text-align   : left;
        overflow     : hidden;
        white-space  : nowrap;
        text-overflow: ellipsis;
        font-size    : 12px;
        color        : #333;

        &:first-child {
          padding-top: 5px;
          font-size  : 14px;
        }

        &:nth-child(n+2) {
          color      : #666;
          padding-top: 8px;
          font-size  : 12px;
        }

        &:last-child {
          padding-bottom: 4px;
        }

        >.task-count {
          color    : #38aafb;
          font-size: 18px;
        }
      }

      &:hover {
        background-color: @base-b-blue;

        li {
          color: #fff;

          >.task-count {
            color: #fff;
          }
        }
      }
    }

    .caption-type {
      th {
        text-align     : center;
        // background  : #fff;
        height         : 40px;
        padding        : 0;
        border-color   : #d2d2d2;

        &:nth-child(4) {
          border-right: 0 none;
        }
      }
    }

    th,
    td {
      font-size: 13px;

      &:nth-child(1) {
        width: 5%;
      }

      &:nth-child(2) {
        width: 53%;
      }

      &:nth-child(3) {
        width: 21%;
      }

      &:nth-last-child {
        width       : 21%;
        border-right: 0 none;
      }

      >div {
        text-align   : center;
        text-overflow: ellipsis;
        overflow     : hidden;
        font-size    : 13px;
      }
    }

    td {
      padding: 5px 0;
      height : 34px;

      &:nth-child(2) {
        >div {
          @media screen and (min-width: 1240px) {
            width      : 440px;
            white-space: nowrap;
            margin     : 0 auto;
          }
        }
      }
    }

    .important-news {
      >td {
        font-weight: bold;
      }
    }
  }

  .commonMenuDel {
    i {
      &:hover {
        color: #3fadfa;
      }
    }
  }

  .commonWrap {
    border       : 1px solid #ccc;
    border-bottom: 0;
    padding      : 0 20px;
    line-height  : 42px;

    i {
      color    : #1890ff;
      font-size: 16px;
    }

    .commonTitle {
      margin-left: 10px;
      font-size  : 18px;
      font-weight: bold;
      color      : #666;
    }
  }

  .common-use {
    background-color: #fff;

    td {
      height      : 36px;
      padding     : 0;
      border-color: @base-b-d8;
    }

    .menu-desc {
      background-color: #f6f6f9;
      padding-left    : 25px;
      border-right    : 1px solid @base-b-d8;

      >h3 {
        margin-bottom: 0;

        .anticon-star {
          color       : #22a2fc;
          display     : inline-block;
          margin-right: 10px;
        }

        .anticon-info-circle {
          color      : #c7c7c7;
          font-size  : 1.25rem;
          margin-left: 7px;
        }
      }
    }

    tbody {
      td {
        text-align: center;
      }
    }

    .bt-replenish {
      border-top: 1px solid @base-b-d8;
      width     : percentage(1/6);

      button {
        overflow     : hidden;
        text-overflow: ellipsis;
      }
    }

    .ant-add {
      width: 180px;
    }

    table {
      .del.br_16 {
        border-right: 0 none;
      }
    }
  }

  .communication-record {
    background-color: #fff;
    margin          : 10px 0 0 10px;
    padding         : 10px;
    min-height      : 295px;
    border          : 1px solid #ccc;

    .record-title {
      padding-bottom: 4px;
      position      : relative;

      >h3 {
        width        : 130px;
        font         : bold 18px "Microsoft YaHei";
        padding      : 0 0 15px 0;
        color        : #666;
        margin-bottom: 0;
        text-align   : center;
      }
    }

    .list {
      padding      : 5px 0;
      border-bottom: 1px dotted #ccc;
      cursor       : pointer;
    }

    .news-items {
      padding: 0;

      >li {
        list-style-type: none;
        border-bottom  : 1px solid #eee;
        padding        : 10px 0 12px 14px;

        h5,
        p {
          padding   : 0 0 0 6px;
          margin    : 0;
          text-align: left;
        }

        h5 {
          border-left: 1px solid @base-b-blue;
          color      : @base-b-blue;
          font-size  : 13px;
        }

        p {
          &:nth-of-type(1) {
            padding    : 5px 6px;
            line-height: 20px;
          }

          &:nth-of-type(2) {
            color: #999;
          }
        }
      }
    }
  }

  .no-border {
    border: 0
  }
}

[nz-carousel-content] {
  text-align : center;
  height     : 79px;
  line-height: 79px;
  overflow   : hidden;

  img {
    width : 100%;
    height: 79px
  }
}